<!DOCTYPE  html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Sygnium</title>
		
		<!-- CSS -->
		<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
		<link rel="stylesheet" href="css/social-icons.css" type="text/css" media="screen" />
		<!--[if IE 8]>
			<link rel="stylesheet" type="text/css" media="screen" href="css/ie8-hacks.css" />
		<![endif]-->
		<!-- ENDS CSS -->	
		
		<!-- GOOGLE FONTS 
		<link href='http://fonts.googleapis.com/css?family=Ubuntu' rel='stylesheet' type='text/css'>-->
		
		<!-- JS -->
		<script type="text/javascript" src="js/jquery-1.5.1.min.js"></script>
		<script type="text/javascript" src="js/jquery-ui-1.8.13.custom.min.js"></script>
		<script type="text/javascript" src="js/easing.js"></script>
		<script type="text/javascript" src="js/jquery.scrollTo-1.4.2-min.js"></script>
		<script type="text/javascript" src="js/jquery.cycle.all.js"></script>
		<script type="text/javascript" src="js/custom.js"></script>
		
		<!-- Isotope -->
		<script src="js/jquery.isotope.min.js"></script>
		
		<!--[if IE]>
			<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
		<![endif]-->
		
		<!--[if IE 6]>
			<script type="text/javascript" src="js/DD_belatedPNG.js"></script>
			<script>
	      		/* EXAMPLE */
	      		//DD_belatedPNG.fix('*');
	    	</script>
		<![endif]-->
		<!-- ENDS JS -->
		
		
		<!-- Nivo slider -->
		<link rel="stylesheet" href="css/nivo-slider.css" type="text/css" media="screen" />
		<script src="js/nivo-slider/jquery.nivo.slider.js" type="text/javascript"></script>
		<!-- ENDS Nivo slider -->
		
		<!-- tabs -->
		<link rel="stylesheet" href="css/tabs.css" type="text/css" media="screen" />
		<script type="text/javascript" src="js/tabs.js"></script>
  		<!-- ENDS tabs -->
  		
  		<!-- prettyPhoto -->
		<script type="text/javascript" src="js/prettyPhoto/js/jquery.prettyPhoto.js"></script>
		<link rel="stylesheet" href="js/prettyPhoto/css/prettyPhoto.css" type="text/css" media="screen" />
		<!-- ENDS prettyPhoto -->
		
		<!-- superfish -->
		<link rel="stylesheet" media="screen" href="css/superfish.css" /> 
		<link rel="stylesheet" media="screen" href="css/superfish-left.css" /> 
		<script type="text/javascript" src="js/superfish-1.4.8/js/hoverIntent.js"></script>
		<script type="text/javascript" src="js/superfish-1.4.8/js/superfish.js"></script>
		<script type="text/javascript" src="js/superfish-1.4.8/js/supersubs.js"></script>
		<!-- ENDS superfish -->
		
		<!-- poshytip -->
		<link rel="stylesheet" href="js/poshytip-1.0/src/tip-twitter/tip-twitter.css" type="text/css" />
		<link rel="stylesheet" href="js/poshytip-1.0/src/tip-yellowsimple/tip-yellowsimple.css" type="text/css" />
		<script type="text/javascript" src="js/poshytip-1.0/src/jquery.poshytip.min.js"></script>
		<!-- ENDS poshytip -->
		
		<!-- Tweet -->
		<link rel="stylesheet" href="css/jquery.tweet.css" media="all"  type="text/css"/> 
		<script src="js/tweet/jquery.tweet.js" type="text/javascript"></script> 
		<!-- ENDS Tweet -->
		
		<!-- Fancybox -->
		<link rel="stylesheet" href="js/jquery.fancybox-1.3.4/fancybox/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />
		<script type="text/javascript" src="js/jquery.fancybox-1.3.4/fancybox/jquery.fancybox-1.3.4.pack.js"></script>
		<!-- ENDS Fancybox -->
		
		

	</head>
	
	<body class="home">

			<!-- HEADER -->
			<div id="header">
				<!-- wrapper-header -->
				<div class="wrapper">
					<a href="index.html"><img src="img/logo.png" alt="Sygnium" name="logo" id="logo" /></a>
				</div>
				<!-- ENDS wrapper-header -->					
			</div>
			<!-- ENDS HEADER -->
			
			
			<!-- Menu -->
			<div id="menu">
			
				<!-- ENDS menu-holder -->
				<div id="menu-holder">
					<!-- wrapper-menu -->
					<div class="wrapper">
						<!-- Navigation -->
						<ul id="nav" class="sf-menu">
							<li><a href="index.html">Home<span class="subheader">Inicio</span></a></li>
							<li class="current-menu-item"><a href="portfolio.html">Productos<span class="subheader">Nuestros Productos</span></a>
								<ul>
									
									<li><a href="product-fresh.html"><span>FreshBuzzing</span></a></li>
									<li><a href="product-locator.html"><span>BusinessLocator</span></a></li>
								</ul>
							</li>
							
							<li><a href="contact.html">Contacto<span class="subheader">Contáctenos</span></a></li>
						</ul>
						<!-- Navigation -->
					</div>
					<!-- wrapper-menu -->
				</div>
				<!-- ENDS menu-holder -->
			</div>
			<!-- ENDS Menu -->
			

			
			<!-- MAIN -->
			<div id="main">
				<!-- wrapper-main -->
				<div class="wrapper">
					
					
					<!-- content -->
					<div id="content">
						
						<!-- title -->
						<div id="page-title">
							<h1 class="title">Productos Sygnium</h1>
							<h2 class="subtitle">Nuestra pasión se traduce en productos.<h2>
						</div>
						<!-- ENDS title -->
						
						<!-- filter 
						<ul class="filter">
							<li>Categories</li>
				    		<li><a href="#" > Webdesign </a></li>
				    		<li class="active"><a href="#" > Photography </a></li>
				    		<li><a href="#" > Logo </a></li>
				    		<li><a href="#" > Marketing  </a></li>
				    		<li><a href="#" > Marketing </a></li>
				    		<li><a href="#" > Gaming </a></li>
				    		<li><a href="#" > Coding </a></li>
				    	</ul>
						<!-- ENDS filter -->
						
						<!-- Portfolio -->
						<div id="projects-list">
							
							<!-- project -->
							<div class="project">
								<h1><a href="product-fresh.html">Fresh Buzzing</a></h1>
								
								<!-- shadow -->
								<div class="project-shadow">
									<!-- project-thumb -->
									<div class="project-thumbnail">
										
										<!-- meta 
										<ul class="meta">
											<li><strong>Project date</strong> Dec 27th 2011 </li>
											<li><strong>Client</strong> IBM</li> 
											<li><strong>Visit website</strong> <a href="#">www.luiszuno.com</a></li>
										</ul>
										<!-- ENDS meta -->
										
										<a href="product-fresh.html" class="cover"><img src="img/PortfolioFB.png"  alt="FreshBuzzing" /></a>
									</div>
									<!-- ENDS project-thumb -->
									
									<div class="the-excerpt">
										Plataforma orientada a restaurantes donde se pueda consultar la reputación online del negocio en las redes sociales, y además, ofrece una guía con las directrices para promover su presencia en estas redes mediante técnicas de Social Media.
									</div>	
									<a href="product-fresh.html" class="read-more link-button"><span>Ver</span></a>
								
								</div>
								<!-- ENDS shadow -->
							</div>
							<!-- ENDS project -->
							
							<!-- project -->
							<div class="project">
								<h1><a href="product-locator.html">Business Locator</a></h1>
								
								<!-- shadow -->
								<div class="project-shadow">
									<!-- project-thumb -->
									<div class="project-thumbnail">
										
										<!-- meta 
										<ul class="meta">
											<li><strong>Project date</strong> Dec 27th 2011 </li>
											<li><strong>Client</strong> IBM</li> 
											<li><strong>Visit website</strong> <a href="#">www.luiszuno.com</a></li>
										</ul>
										<!-- ENDS meta -->
										
										<a href="product-locator.html" class="cover"><img src="img/PortfolioBL.png"  alt="Business Locator" /></a>
									</div>
									<!-- ENDS project-thumb -->
									
									<div class="the-excerpt">
										Es una herramienta de geomarketing que se basa en el análisis espacial y la visualización geográfica para facilitar la toma de decisión durante el proceso de evaluación de la idoneidad de un local para realizar una cierta actividad económica.
									</div>	
									<a href="product-locator.html" class="read-more link-button"><span>Ver</span></a>
								
								</div>
								<!-- ENDS shadow -->
							</div>
							<!-- ENDS project -->
		
							
						</div>
						<!-- ENDS Portfolio -->
						

					</div>
					<!-- ENDS content -->

				</div>
				<!-- ENDS wrapper-main -->
			</div>
			<!-- ENDS MAIN -->
			
						
			<!-- FOOTER -->
			<div id="footer">

			</div>
			<!-- ENDS FOOTER -->
		
		
			<!-- Bottom -->
			<div id="bottom">
				<!-- wrapper-bottom -->
				<div class="wrapper">
					<div id="bottom-text">© 2013 Sygnium all rights reserved. <a href="#"> </a> </div>

					<div id="to-top" class="poshytip" title="To top"></div>
				</div>
				<!-- ENDS wrapper-bottom -->
			</div>
			<!-- ENDS Bottom -->
	
	</body>
</html>